@import "global";
.padd_top{
	padding-top: 0.84rem;
}
.pack_form{
}
.form_inner{
	height:1rem;
	.colorFont(#333,0.28rem);
	background-color: #fff;
	padding: 0 0.3rem;
}
.inner_border{
	border-bottom: 1px solid #f5f5f5;
}
.inner_bottom{
	margin-bottom: 0.18rem;
}
.charge_inp{
	.colorFont(#333,0.28rem);
	text-align: right;
}
/*chrome谷歌浏览器，Safari苹果浏览器*/

input[name="charge"]::-webkit-input-placeholder { /* WebKit browsers */
color: #c5c5c5;
}

/*firefox火狐浏览器*/
input[name="charge"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #c5c5c5;
}

input[name="charge"]::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #c5c5c5;
}

/*IE浏览器*/
input[name="charge"]:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #c5c5c5;
}
.charge_way{
	img{
		.widthHeight(0.44rem,0.44rem);
		margin-right: 0.1rem;
	}
	span{
		.colorFont(#333,0.28rem);
	}
}
.bottom_form{
	margin-top: 0.3rem;
	button{
		.widthHeight(6.6rem,0.92rem);
		background-color:#c5c5c5;
		border: none;
		.colorFont(#fff,0.32rem);
		border-radius: 10px;
	}
	button.active:active{
		background-color: #fe8401;
	}
	button.active{
		background-color: #fd9700;
	}
}
.top_bg{
	background-image: url(../images/top/top_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.my_top{
	padding: 0.56rem 0.3rem 0.4rem;
	.my_hy_top{
		border-radius: 10px;
		background-image: url(../images/top_.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		padding: 0.4rem 0.3rem 0.34rem;
		min-height: 3.5rem;
		box-sizing: border-box;
		position: relative;
	}
	.my_tx{
		.widthHeight(0.84rem,0.84rem);
		border-radius:50%;
		margin-right: 0.2rem;
		border: 1px solid #f0f0f0;
	}
	.my_name{
		.colorFont(#333,0.3rem);
	}
	.my_hy_bottom_inner{
		margin-top: 0.12rem;
		img{
			.widthHeight(0.28rem,0.28rem);
			position: relative;
			top: 0.03rem;
			margin-right:0.1rem;
		}
		span{
			.colorFont(#333,0.26rem);
		}
	}
	.btn_contain{
		position: absolute;
		bottom: 0.34rem;
		left: 0;
		right: 0;
		.my_btn{
			display: block;
			border: none;
			margin: 0 auto;
			.widthHeight(2.1rem,0.6rem);
			background-color: #fc9900;
			text-align: center;
			.lineHeight(0.6rem;);
			.colorFont(#fff,0.28);
			border-radius: 0.6rem;
		}
	}
}
.my_bottom{
	padding-top: 0.4rem;
	.my_bottom_tit{
		position: relative;
		margin-bottom: 0.3rem;
		.my_bottom_tit_inner{
			margin: 0 auto;
			div{
				position: relative;
				padding: 0 0.18rem;
				z-index: 2;
				background-color: #f5f5f5;
				img{
					.widthHeight(0.44rem,0.36rem);
					margin-right: 0.1rem;
				}
				span{
					.colorFont(#333,0.28rem);
				}
			}
		}
	}
	.my_bottom_tit:after{
		content:"";
		display: block;
		height: 1px;
		width: 100%;
		background-color: #d5d5d5;
		top: 0.18rem;
		position: absolute;
	}
}
.my_know{
	padding: 0 0.3rem 0.4rem;
	ul{
		background-color: #fff;
		border-radius: 10px;
		padding: 0.4rem 0.3rem;
		li{
			.colorFont(#333,0.26rem);
			margin-bottom: 0.12rem;
		}
	}
}